<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>工程项目现场管控平台</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>

  <div class="mgr-wrapper">

    <!-- 顶条 -->
    <div class="mgr-topbar-area">
      <div class="mgr-logo"></div>
      <div class="mgr-title">工程项目现场管控平台</div>
      <!-- 顶条操作区 -->
      <div class="mgr-ops">
        <div class="mgr-op-item">
          <a href="javascript:;" class="mgr-op-btn"><span>移动版下载</span></a>
        </div>
        <div class="mgr-op-item">
          <a href="javascript:;" class="mgr-op-btn"><span>用户名用户名</span><i></i></a>
          <ul>
            <li><a href="javascript:;">修改密码</a></li>
            <li><a href="javascript:;">退出</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 内容区域 -->
    <div class="mgr-main-content-area">

      <!-- 侧边导航区域 -->
      <div class="mgr-sidenav-area">
        <a href="javascript:;" class="mgr-switch"><i><span></span></i></a>

        <div class="mgr-tip">
          <i></i><span>提示</span>
        </div>

        <!-- 侧边导航内部滚动区域 -->
        <div class="mgr-scroll-content">
          <ul class="mgr-content">
            <!-- 导航item1 -->
            <li class="mgr-1-item">
              <a href="javascript:;" class="mgr-btn mgr-1-btn"><i></i><span>个人办公</span></a>
              <ul class="mgr-1-list">
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="101"><span>个人信息查询</span></a>
                </li>
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="102"><span>表单查询</span></a>
                </li>
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="103"><span>考勤查询</span></a>
                </li>
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn"><span>图档查询</span><i></i></a>
                  <ul class="mgr-2-list">
                    <li class="mgr-3-item">
                      <a href="javascript:;" class="mgr-btn mgr-3-btn" data-op-id="104"><span>个人查询</span></a>
                      <a href="javascript:;" class="mgr-btn mgr-3-btn" data-op-id="105"><span>借阅查询</span></a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <!-- 导航item2 -->
            <li class="mgr-1-item">
              <a href="javascript:;" class="mgr-btn mgr-1-btn"><i></i><span>项目管理</span></a>
              <ul class="mgr-1-list">
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="201"><span>项目信息</span></a>
                </li>
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="202"><span>项目列表</span></a>
                </li>
              </ul>
            </li>
            <!-- 导航item3 -->
            <li class="mgr-1-item">
              <a href="javascript:;" class="mgr-btn mgr-1-btn"><i></i><span>人员管理</span></a>
              <ul class="mgr-1-list">
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="301"><span>人员信息</span></a>
                </li>
                <li class="mgr-2-item">
                  <a href="javascript:;" class="mgr-btn mgr-2-btn" data-op-id="302"><span>人员列表</span></a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>

      <!-- 页面区域 -->
      <div class="mgr-page-area">

        <!-- 页面tab区域 -->
        <div class="mgr-page-tab-area">
          <div class="mgr-tab">
            <div class="mgr-tab-content">
              <a href="javascript:;" class="mgr-tab-btn">首页</a>
            </div>
          </div>
          <div class="mgr-op">
            <a href="javascript:;" class="mgr-op-btn">&lt;</a>
            <a href="javascript:;" class="mgr-op-btn">&gt;</a>
            <a href="javascript:;" class="mgr-op-btn">×</a>
          </div>
        </div>

        <!-- 页面内容区域 -->
        <div class="mgr-page-content-area">
          <!-- 首页 -->
          <div class="mgr-page mgr-page-home">

            <div class="mgr-home-page-title-area">
              <div class="mgr-home-page-title">杭州大江东项目</div>
              <ul class="mgr-home-nav-left">
                <li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>企业标准</span></a>
                </li><li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>政策法规</span></a>
                </li><li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>QHSE管理</span></a>
                </li><li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>项目黄页</span></a>
                  <ul class="mgr-home-nav-left-drop">
                    <li>
                      <a href="javascript:;">内部黄页<i></i></a>
                      <ul>
                        <li><a href="javascript:;">内部黄页</a></li>
                        <li><a href="javascript:;">内部黄页</a></li>
                      </ul>
                    </li><li>
                      <a href="javascript:;">外部黄页</a>
                    </li>
                  </ul>
                </li><li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>更多</span><i></i></a>
                  <ul class="mgr-home-nav-left-drop">
                    <li>
                      <a href="javascript:;">更多1</a>
                    </li><li>
                      <a href="javascript:;">更多2</a>
                    </li>
                  </ul>
                </li>
              </ul>
              <ul class="mgr-home-nav-right">
                <li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>部门主页</span><i></i></a>
                  <ul class="mgr-home-nav-right-drop">
                    <li>
                      <a href="javascript:;">职能部门<i></i></a>
                      <ul>
                        <li><a href="javascript:;">办公室</a></li>
                        <li><a href="javascript:;">综合部</a></li>
                        <li><a href="javascript:;">档案部</a></li>
                        <li><a href="javascript:;">设计管理部</a></li>
                      </ul>
                    </li><li>
                      <a href="javascript:;">生产部门<i></i></a>
                      <ul>
                        <li><a href="javascript:;">办公室</a></li>
                        <li><a href="javascript:;">综合部</a></li>
                        <li><a href="javascript:;">档案部</a></li>
                        <li><a href="javascript:;">设计管理部</a></li>
                      </ul>
                    </li>
                  </ul>
                </li><li class="mgr-home-nav-item">
                  <a href="javascript:;" class="mgr-home-nav-btn"><span>工区主页</span><i></i></a>
                </li>
              </ul>
              <div class="mgr-home-title-line"></div>
            </div>

            <div class="mgr-page-row">
              <div class="mgr-page-col mgr-page-col-8">
                <div class="mgr-page-col-content mgr-home-intro-area">
                  <a href="javascript:;" class="mgr-page-col-more">更多</a>
                  <img src="img/home-intro.png" alt="" class="mgr-home-intro-image">
                  <div class="mgr-home-intro-title-line"></div>
                  <div class="mgr-home-intro-title">项目简介</div>
                  <div class="mgr-home-intro-content">项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介目简介项目项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介目简介项目</div>
                  <div class="mgr-home-weather-title">杭州</div>
                  <div class="mgr-home-weather-line"></div>
                  <div class="mgr-home-weather-area">
                    <ul>
                      <li>
                        <div class="mgr-weather-type mgr-weather-type-qing"></div>
                        <div class="mgr-weather-info">
                          <div class="mgr-weather-date"><strong>2月22日</strong><span>周五</span></div>
                          <div class="mgr-weather-temp">10~15°C</div>
                          <div class="mgr-weather-desc">晴</div>
                          <div class="mgr-weather-desc">降水概率15%</div>
                        </div>
                      </li><li>
                        <div class="mgr-weather-type mgr-weather-type-yin"></div>
                        <div class="mgr-weather-info">
                          <div class="mgr-weather-date"><strong>2月22日</strong><span>周五</span></div>
                          <div class="mgr-weather-temp">10~15°C</div>
                          <div class="mgr-weather-desc">阴</div>
                          <div class="mgr-weather-desc">降水概率15%</div>
                        </div>
                      </li><li>
                        <div class="mgr-weather-type mgr-weather-type-yu"></div>
                        <div class="mgr-weather-info">
                          <div class="mgr-weather-date"><strong>2月22日</strong><span>周五</span></div>
                          <div class="mgr-weather-temp">10~15°C</div>
                          <div class="mgr-weather-desc">阴</div>
                          <div class="mgr-weather-desc">降水概率15%</div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>

              <div class="mgr-page-col mgr-page-col-4">
                <div class="mgr-page-col-content">
                  <a href="javascript:;" class="mgr-page-col-more">更多</a>
                  <div class="mgr-page-col-title"><i><span></span><em></em></i>任务待办</div>
                  <ul class="mgr-page-col-list">
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="mgr-page-row">
              <div class="mgr-page-col mgr-page-col-4">
                <div class="mgr-page-col-content">
                  <a href="javascript:;" class="mgr-page-col-more">更多</a>
                  <div class="mgr-page-col-title"><i><span></span><em></em></i>项目部通知</div>
                  <ul class="mgr-page-col-list">
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                  </ul>
                </div>
              </div>
              <div class="mgr-page-col mgr-page-col-4">
                <div class="mgr-page-col-content">
                  <a href="javascript:;" class="mgr-page-col-more">更多</a>
                  <div class="mgr-page-col-title"><i><span></span><em></em></i>项目部新闻</div>
                  <ul class="mgr-page-col-list">
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                  </ul>
                </div>
              </div>
              <div class="mgr-page-col mgr-page-col-4">
                <div class="mgr-page-col-content">
                  <a href="javascript:;" class="mgr-page-col-more">更多</a>
                  <div class="mgr-page-col-title"><i><span></span><em></em></i>项目部文件</div>
                  <ul class="mgr-page-col-list">
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                    <li><a href="javascript:;">党建信息平台党费标准更新（信息/三维软件）<span>03/22</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <!-- 其他页面 -->
          <div class="mgr-page mgr-page-other"></div>

        </div>
      </div>
    </div>

  </div>

  <script src="js/jquery.min.js"></script>
  <script src="js/index.js"></script>
</body>
</html>
